<?php

define("DEFAULT_SPEED", 70);
define("DEFAULT_SIZE", 50);
define("DEFAULT_EPIMONI", 5);

$speed = is_numeric(@$_REQUEST["speed"]) ? intval($_REQUEST["speed"]) : DEFAULT_SPEED;
if ($speed < 10) $speed = 10;

$size = is_numeric(@$_REQUEST["size"]) ? intval($_REQUEST["size"]) : DEFAULT_SIZE;
if ($size < 30) $size = 30;

$epimoni = is_numeric(@$_REQUEST["epimoni"]) ? intval($_REQUEST["epimoni"]) : DEFAULT_EPIMONI;
if ($epimoni < 0) $epimoni = 0;
?>

<html>
<head>
<title>Skolix</title>
<link rel="shortcut icon" href="favicon.ico" />
<style>
<?php print <<<CSS
body {
	background-image: url('ikona/plakidio/paraskinio.png');
	background-repeat: repeat;
}

.plakidio {
	position: relative;
	display: inline-block;
	width: {$size}px;
	height: {$size}px;
}

.plakidioIcon {
	position: absolute;
	width: {$size}px;
}

.kitaroIcon {
	visibility: hidden;
	position: absolute;
	bottom: 0;
	width: {$size}px;
}

.kitaroOn {
	visibility: visible;
	z-index: 2;
}

.ixnos {
	position: absolute;
	top: 2px;
	right: 2px;
	font-size: 12px;
	color: red;
	z-index: 3;
}

.cpanelIcon {
	display: block;
	width: {$size}px;
	margin: 20px 0 0 8px;
	cursor: pointer;
}

.cpanelKimeno {
	display: block;
	margin: 2px 0 0 4px;
	text-align: center;
	font-weight: bold;
	font-size: 30px;
	color: white;
	text-shadow: 1px 1px 2px #15132B, 0 0 1em #6B8AA2, 0 0 0.2em #9B63EE;
}
CSS
?>
</style>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
<script type="text/javascript">
//<![CDATA[
Skolix = {
	speed: <?php print $speed; ?>,
	size: <?php print $size; ?>,
	epimoni: <?php print $epimoni; ?>,
};
//]]>
</script>
<script type="text/javascript" src="skolix.js"></script>
</head>
<body>
<table>
<tr>
<td id="teren">
</td>
<td id="cpanel">
</td>
</tr>
</table>
</body>
</html>
